﻿(function (root) {
    if (!root.Ktot) {
        root.Ktot = {};
    }

    if (!root.Ktot.UI) {
        root.Ktot.UI = {};
    }

    root.Ktot.UI.alert = function (message, title) {
        var id = new Date().getTime().toString();
        var modal =
            '<div class="modal" id="' + id + '">' +
                '<header class="bar bar-nav">' +
                    '<a class="icon icon-close pull-right"></a>' +
                    '<h1 class="title">' + (title || 'Warning') + '</h1>' +
                '</header>' +
                '<div class="content">' +
                    '<div class="content-padded">' +
                        message +
                    '</div>' +
                '</div>' +
            '</div>';

        $('body').append(modal);
        $('#' + id + ' a.icon-close').click(function () {
            $('#' + id).removeClass('active');
            setTimeout(function () {
                $('#' + id).remove();
            }, 500);
        });

        setTimeout(function () {
            $('#' + id).addClass('active');
        }, 50);        
    };
})(window);